[data-bs-theme=OliveDrab] {
  color-scheme: dark;
  --bs-body-color: #e6dee3;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #7D7B4D; 
  --bs-body-bg-rgb: 125, 123, 77;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #7D7B4D; 
  --bs-secondary-bg-rgb: 125, 123, 77;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #7D7B4D; 
  --bs-tertiary-bg-rgb: 125, 123, 77; 
  --bs-primary-text-emphasis: #7D7B4D;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #7D7B4D; 
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #7D7B4D; 
  --bs-secondary-bg-subtle: #7D7B4D; 
  --bs-success-bg-subtle: #1b0516; 
  --bs-info-bg-subtle: #300328;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #7D7B4D; 
  --bs-light-bg-subtle: #7D7B4D;
  --bs-dark-bg-subtle: #7D7B4D; 
  --bs-primary-border-subtle: #084298; 
  --bs-secondary-border-subtle: #41464b; 
  --bs-success-border-subtle: #0f5132; 
  --bs-info-border-subtle: #087990; 
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #7D7B4D; 
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #b34187; 
  --bs-heading-color: inherit;
  --bs-body-font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  --bs-body-font-weight: 700;

 .table {
  --bs-table-bg: var(--bs-secondary-bg-subtle);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5), 0 6px 20px rgba(0, 0, 0, 0.3);
  transform: translateZ(0);
}

.form-control {
  background-color: var(--bs-secondary-bg-subtle);
  border-color: black;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.1);
}

button {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
  transform: translateY(0);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
  transform: translateZ(0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 12px 40px rgba(0, 0, 0, 0.15);
}
